<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="五邑臻选,严选,五邑优选,五邑甄选,五邑优品,五邑精选,甄选家,严选态度" />
  <meta name="description" content="五邑臻选秉承五邑一贯的严谨态度，深入世界各地，严格把关所有商品的产地、工艺、原材料，甄选居家、厨房、饮食等各类商品，力求给你最优质的商品。" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>五邑臻选 - 以严谨的态度，为中国消费者甄选天下优品</title>
  <link rel="shortcut icon" href="./images/logo2.png" type="image/x-icon" />
  <!-- 公共样式CSS -->
  <link rel="stylesheet" href="./css/common.css">
  <!-- 首页样式 -->
  <link rel="stylesheet" href="./css/cart.css">
  <style>


/* 基本样式 */
body {
    font-family: Arial, sans-serif;
    background-image: url('../三创/images/bj.png');
}

  </style>
</head>

<body>
 <!-- 头部 -->
 <header id="header">
  <!-- 头部  公共的 -->
<header id="header">
<!-- 头,顶部 start -->
<div class="header">
  <div class="center">
    <div class="left">
      <a href="../三创/announcement.html">
        因事件（台风、特大暴雨）影响，部分地区无法配送公告
      </a>
    </div>
    <div class="right">
      <ul>
        <div class="right">
          
      </div>
  </div>
      
      </ul>
    </div>
  </div>
</div>
<!-- 头,顶部 end -->

  <!-- 头, 搜索区域 start -->
  <div class="search">
    <div class="center">
      <div class="logo">
        <a>五邑臻选</a>
      </div>
    </header>
    <div class="announcement">
      <div class="announcement-header">
        <p>因台风/特大暴雨影响，部分地区无法配送的公告</p>
      </div>
    
      <div class="announcement-content">
        <h3>亲爱的用户：</h3>
        <p>感谢您一直以来对我们平台的支持与信任！因近期台风/特大暴雨等突发事件的影响，部分地区的物流和配送服务受到一定程度的影响，导致我们无法正常为您提供配送服务。我们对此给您带来的不便深感抱歉，并感谢您的理解与支持。</p>
    
        <h3>受影响地区：</h3>
        <p><strong>台风/暴雨灾害影响地区：</strong>由于道路受损、交通中断等原因，部分地区的配送暂时暂停。</p>
    
        <h3>我们的应对措施：</h3>
        <p><strong>延期配送：</strong>对于受影响地区的订单，我们将尽力尽快恢复配送。一旦情况好转，您将会收到我们平台的通知，安排新的配送时间。</p>
        <p><strong>支持自取：</strong>如您所在地区的配送受到影响，您可以选择到指定的自提点取货。</p>
        <p><strong>订单取消与退款：</strong>如果您不希望等待配送，可以选择申请取消订单，并获得全额退款。请联系平台客服，我们将尽快处理您的请求。</p>
        <p><strong>替代配送：</strong>我们正在与多个物流公司积极沟通，争取提供更多配送选择，以确保您的购物体验不受影响。</p>
    
        <h3>我们的承诺：</h3>
        <p>我们始终致力于为每一位顾客提供优质的购物体验。疫情及自然灾害是我们无法预见和控制的，但我们将继续努力为您提供尽可能快和安全的服务。我们承诺，一旦配送恢复正常，将第一时间为您安排送货。</p>
    
        <h3>客服联系方式：</h3>
        <div class="contact">
          <p><strong>客服电话：</strong>15007500273</p>
          <p><strong>电子邮件：</strong>2138908430@qq.com</p>
        </div>
    
        <p>再次感谢您的理解与耐心，祝您和家人保持健康安全！我们会继续密切关注事态发展，及时为您提供更新。</p>
    
        <p>感谢您的支持与合作！</p>
      </div>
    
      <!-- 右下角署名 -->
      <div class="announcement-footer">
        <p>五邑臻选 敬上</p>
        <p>2024年12月</p>
      </div>
    </div>
    
    
    <style>
   /* 公告容器样式 */
.announcement {
  background-color: #f9f9f9; /* 背景色 */
  border: 1px solid #ddd;    /* 边框 */
  border-radius: 8px;        /* 圆角 */
  padding: 75px;
  max-width: 800px;           /* 限制宽度 */
  margin: 20px auto;         /* 居中 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  position: relative; /* 相对定位，便于内部绝对定位元素相对该容器定位 */
}

/* 公告头部样式 */
.announcement-header {
  background-color: #f39c12; /* 黄色背景 */
  color: white;              /* 文字颜色 */
  padding: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* 公告内容样式 */
.announcement-content h3 {
  font-size: 18px;
  color: #333;              /* 标题颜色 */
  margin-top: 20px;
}

.announcement-content p {
  font-size: 16px;
  line-height: 1.6;          /* 行高 */
  color: #555;               /* 文字颜色 */
  margin: 10px 0;
}

.announcement-content strong {
  font-weight: bold;        /* 强调的文字 */
  color: #000;
}

/* 联系方式样式 */
.contact p {
  font-size: 16px;
  margin: 5px 0;
}

.contact strong {
  color: #f39c12;           /* 联系信息强调色 */
}

/* 右下角署名样式 */
.announcement-footer {
  position: absolute; /* 绝对定位 */
  bottom: 10px;       /* 距离底部10px */
  right: 20px;        /* 距离右侧20px */
  font-size: 14px;    /* 字体大小 */
  color: #555;        /* 文字颜色 */
  text-align: right;  /* 右对齐 */
}
/* 右下角署名样式 */
.announcement-footer {
  position: absolute; /* 绝对定位 */
  bottom: 10px;       /* 距离底部10px */
  right: 80px;        /* 距离右侧20px */
  text-align: right;  /* 右对齐 */
  color: #555;        /* 文字颜色 */
  font-size: 14px;    /* 字体大小 */
}

/* 控制footer中的p标签的字体大小 */
.announcement-footer p {
  font-size: 18px;   /* 设置段落的字体大小 */
  margin: 6px;         /* 移除段落默认的上下间距 */
}

.announcement-footer strong {
  font-size: 18px;   /* 设置强标签字体稍大一些 */
}

/* 自适应布局 */
@media screen and (max-width: 768px) {
  .announcement {
    padding: 15px;
  }

  .announcement-header {
    font-size: 18px;
  }

  .announcement-content h3 {
    font-size: 16px;
  }

  .announcement-content p {
    font-size: 14px;
  }

  .announcement-footer {
    font-size: 14px;  /* 在小屏幕上调整字体大小 */
  }
}

    </style>
    

   <!-- 底部 -->
   <footer>
    <div class="center">
      <div class="yx-cp-m-ft1">
        <div class="yx-cp-item">
          <h4>客服服务</h4>
          <div class="btn">
            <a>
              <i></i>
              <span>在线客服</span>
            </a>
            <a>
              <i></i>
              <span>用户反馈</span>
            </a>
          </div>
        </div>
        <div class="yx-cp-item">
          <h4>何为五邑臻选</h4>
          <p>
            五邑臻选”通常指的是来自中国广东省珠江三角洲五邑地区的特色优质产品。这些产品经过严格筛选，代表了五邑地区的特色和优势。
            五邑地区包括 江门市 及其周边的五个主要区域：新会、台山 、 开平、恩平和鹤山，这个区域有着丰富的文化和自然资源，生产了许多在广东乃至全国都具有知名度的特色产品
          </p>
          <div class="ewm">
            <span>关注我们 :</span>
            <i></i>
            <i></i>
            <i></i>
          </div>
        </div>
        <div class="yx-cp-item">
          <h4>关注微信公众号“五邑臻选”</h4>
          <div><a><img src="./images/二维码.png" alt="" style="width: 150px; height: auto;"></a></div>
          <p>每日最新资讯</p>
      </div>
      
      
      </div>
      <div class="yx-cp-m-ft2"></div>
    </div>
  </footer>


</body>

</html>
